﻿<%@ Control Language="C#" AutoEventWireup="true" CodeBehind="Accounts.ascx.cs" Inherits="Doctors_WebForum.Admin.UIControls.Accounts" %>
<script type="text/javascript" language="javascript" src="Js/JScript.js"></script>
<script type="text/javascript" language="javascript" src="Js/jquery-1.4.4.min.js"></script>
<script type="text/javascript" language="javascript" src="Js/Util.js"></script>
<script src="Js/Accounts.js" type="text/javascript"></script>
<script src="Js/SMCommon.js" type="text/javascript"></script>
<script src="Js/Util.js" type="text/javascript"></script>
<script src="Js/Paging.js" type="text/javascript"></script>

<!--Contains control Account using #tab-2 will active when click in this #tab2-->
<div id="tab2" class="tab_content">

<script type="text/javascript" language="javascript" src="Js/JScript.js"></script>

<script type="text/javascript" language="javascript" src="Js/jquery-1.4.4.min.js"></script>

<script type="text/javascript" language="javascript" src="Js/Util.js"></script>

<script src="Js/Accounts.js" type="text/javascript"></script>

<script src="Js/SMCommon.js" type="text/javascript"></script>

<script src="Js/Util.js" type="text/javascript"></script>

<script src="Js/Paging.js" type="text/javascript"></script>

<script src="Js/style.js" type="text/javascript"></script>

<!--Contains control Account using #tab-2 will active when click in this #tab2-->
<div id="tab2" class="tab_content">
    <div class="pageIntro">
        <h2>
            Managerment Account</h2>
        <p>
            Here's administrator can update/view information for Users</p>
    </div>
    <div class="contentBox">
        <div class="contentBoxTop">
            <h3>
                List information all about members is exits in forum</h3>
            <label id="search" class="smayllInput">
                Quick Find :
                <input name="textfield" type="text" size="28" />
            </label>
        </div>
        <div>
            <table class="sTable">
                <thead>
                    <tr>
                        <td align="center" style="height: 27px; width: 3%;">
                            <input type="checkbox" id="chkAll" onclick="checkAll(this.id,'chkFunction');" />
        <div class="adventureSearch">
            <img src="images/arrow.jpg" /></div>
        <div class="contentSearch">
            <div>
                <strong>Filter Adventure</strong>
                <table>
                    <thead>
                        <tr>
                            <td>
                                UserName
                                <asp:TextBox ID="TextBox1" runat="server"></asp:TextBox></td>
                            <td>
                                CreateDate
                                <asp:TextBox ID="TextBox4" runat="server"></asp:TextBox>
                            </td>
                            <td>
                                Actived
                                <asp:DropDownList ID="drActive" runat="server">
                                    <asp:ListItem Text='Active'></asp:ListItem>
                                    <asp:ListItem Text='unActive'></asp:ListItem>
                                </asp:DropDownList></td>
                            <td>
                                RoleName
                                <asp:DropDownList ID="drRole" runat="server">
                                    <asp:ListItem Text='Administrator'></asp:ListItem>
                                    <asp:ListItem Text='Member'></asp:ListItem>
                                </asp:DropDownList>
                            </td>
                        </tr>
                        <tr>
                            <td id="filterEmail">
                                Email
                                <asp:TextBox ID="TextBox2" runat="server"></asp:TextBox>
                            </td>
                            <td>
                                LastLogin
                                <asp:TextBox ID="TextBox3" runat="server"></asp:TextBox>
                            </td>
                            <td>
                                Banned
                                <asp:DropDownList ID="drBan" runat="server">
                                    <asp:ListItem Text='Ban'></asp:ListItem>
                                    <asp:ListItem Text='UnBan'></asp:ListItem>
                                </asp:DropDownList></td>
                            <td>
                                Sorted
                                <asp:DropDownList ID="drSort" runat="server">
                                    <asp:ListItem Text='Ascending'></asp:ListItem>
                                    <asp:ListItem Text='Descending'></asp:ListItem>
                                </asp:DropDownList></td>
                        </tr>
                        <tr>
                            <td id="btnFilter">
                                <asp:Button ID="Button1" runat="server" Text="Filter" />
                            </td>
                        </tr>
                    </thead>
                </table>
            </div>
        </div>
        <div class="innerContent">
            <asp:Label ID="lblMessage" runat="server"></asp:Label>
        </div>
        <div>
            <table class="sTable">
                <thead>
                    <tr>
                        <td align="center" style="height: 27px; width: 3%;">
                            <input type="checkbox" id="chkAll" onclick="checkAll(this.id,'chkFunction');" />
                        </td>
                        <th>
                            <strong>UserName</strong>
                        </th>
                        <th>
                            <strong>Email</strong>
                        </th>
                        <th>
                            <strong>LastLogin</strong>
                        </th>
                        <th>
                            <strong>CreateDate</strong>
                        </th>
                        <th>
                            <strong>RoleName</strong>
                        </th>
                        <th>
                            <strong>IsActive</strong>
                        </th>
                        <th>
                            <strong>IsBan</strong>
                        </th>
                        <th style="width:7%;">
                            <strong>Edit</strong>
                        </th>
                        <th>
                            <strong>UserName</strong>
                        </th>
                        <th>
                            <strong>Email</strong>
                        </th>
                        <th>
                            <strong>LastLogin</strong>
                        </th>
                        <th>
                            <strong>CreateDate</strong>
                        </th>
                        <th>
                            <strong>RoleName</strong>
                        </th>
                        <th>
                            <strong>IsActive</strong>
                        </th>
                        <th>
                            <strong>IsBan</strong>
                        </th>
                        <th style="width: 7%;">
                            <strong>Edit</strong>
                        </th>
                    </tr>
                </thead>
                <tr id="trNoReSult" style="display: none;">
                    <td colspan="9" class="Row_Message">
                        Không tìm thấy dữ liệu.
                    </td>
                </tr>
                <tbody id="functionGird">
                    <tr id="funcTemp" class="oddRow">
                        <td align="center" id="tdCheckbox" valign="middle">
                            <input type="checkbox" id="chk" name='chkFunction' />
                        </td>
                        <td id="tdUsername" class="firstCol">
                        </td>
                        <td id="tdEmail" class="secondCol">
                        </td>
                        <td id="tdLastLogin">
                        </td>
                        <td id="tdCreateDate">
                        </td>
                        <td id="tdRoleName">
                        </td>
                        <td id="tdIsActive">
                        </td>
                        <td id="tdIsBan">
                        </td>
                        <td id="tdEdit" align="center">
                        <img alt="" onclick="Functon_Edit(this.id.substring(5))" src="images/icon_edit.gif" id="edit_" style="cursor: pointer;"/>
                        </td>
                        <td id="tdIsBan">
                        </td>
                        <td id="tdEdit" align="center">
                            <img alt="" onclick="Functon_Edit(this.id.substring(5))" src="images/icon_edit.gif"
                                id="edit_" style="cursor: pointer;" />
                        </td>
                    </tr>
                </tbody>
            </table>
        </div>
        
        <div class="panelShow" id="divPag">
            <table cellspacing="0" cellpadding="0" border="1" style="border-collapse: collapse;
                width: 100%;" class="Table_Border">
                <tbody>
                    <tr class="Row_Page">
                        <td align="left" style="width: 54%; height: 25px;">
                            <input type="button" onclick="Functon_Del();" class="Button" value="Delete" id="btnFunctonDel" />
                            <input type="button" onclick="Functon_Ban();" class="Button" value="Ban" id="btnFunctonBan" />
                        </td>
                        <td style="width: 22%;">
                            <div id="numPage">
                                View:
                                <select onchange="DrpChange()" style="height: 20px;" id="drpNumPage">
                                    <option value="5" selected="selected">5</option>
                                    <option value="10">10</option>
                                    <option value="30">30</option>
                                    <option value="50">50</option>
                                    <option value="70">70</option>
                                    <option value="100">100</option>
                                </select>
                                users/page</div>
                        </td>
                        <td style="width: 60%;">
                            <div style="float: right;">
                                <div style="" id="divPaging">
                                </div>
                            </div>
                        </td>
                    </tr>
                </tbody>
            </table>
        </div>
        <div class="panelShow" id="divPag">
            <table cellspacing="0" cellpadding="0" border="1" style="border-collapse: collapse;
                width: 100%;" class="Table_Border">
                <tbody>
                    <tr class="Row_Page">
                        <td align="left" style="width: 54%; height: 25px;">
                            <input type="button" onclick="Functon_Del();" class="Button" value="Delete" id="btnFunctonDel" />
                            <input type="button" onclick="Functon_Ban();" class="Button" value="Ban" id="btnFunctonBan" />
                        </td>
                        <td style="width: 22%;">
                            <div id="numPage">
                                View:
                                <select onchange="DrpChange()" style="height: 20px;" id="drpNumPage">
                                    <option value="5" selected="selected">5</option>
                                    <option value="10">10</option>
                                    <option value="30">30</option>
                                    <option value="50">50</option>
                                    <option value="70">70</option>
                                    <option value="100">100</option>
                                </select>
                                users/page</div>
                        </td>
                        <td style="width: 60%;">
                            <div style="float: right;">
                                <div style="" id="divPaging">
                                </div>
                            </div>
                        </td>
                    </tr>
                </tbody>
            </table>
        </div>
        <!--end of #box-3-->
    </div>
    <div class="contentBox" id="pages">
        <div class="contentBoxTop">
            <h3>
                Managerment information of members</h3>
            <ul class="switcherTabs">
                <li class="selected"><a href="#box-1">Add New</a></li>
                <!-- the link location of this tab refers to the id of the related div -->
                <li><a href="#box-2">Set Role</a></li>
                <!-- the link location of this tab refers to the id of the related div -->
                <li><a href="#box-3">Active Account</a></li>
            </ul>
        </div>
        <div class="innerContent" id="box-1">
            User Name
            <br />
            <label class="smallInput">
                <input name="textfield" type="text" size="28" />
            </label>
            <p>
                PassWord
                <br />
                <label class="mediumInput">
                    <input type="text" name="textfield2" size="70" />
                </label>
            </p>
            <p>
                Email
                <br />
                <label class="largeInput">
                    <input type="text" name="textfield3" size="127" />
                </label>
                <br />
                <small>Small field description here</small></p>
            <p>
                Textarea<br />
                <label class="textarea">
                    <textarea name="textfield4" rows="6" cols="80"></textarea>
                </label>
            </p>
            <p>
                <input name="" type="image" src="images/bt_submit.gif" />
            </p>
        </div>
        <!--end of #box-1-->
        <div class="innerContent" id="box-2" style="display: none">
            hop thoai thu 2
        </div>
        <!--end of #box-2-->
        <div class="innerContent" id="box-3" style="display: none">
            hop thoai thu 3 hop thoai thu 3
        </div>
    </div>
</div>
<!--The end contains control Account-->

<script type="text/javascript" language="javascript">
    // load data
    if (window.addEventListener) {
        window.addEventListener("load", initListUser, false);
    } else if (window.attachEvent) {
        window.attachEvent("onload", initListUser);
    } else {
        window.onload = initListUser;
    }
</script>
<script type="text/javascript" language="javascript">
    // load data
    if (window.addEventListener) {
        window.addEventListener("load", initListUser, false);
    } else if (window.attachEvent) {
        window.attachEvent("onload", initListUser);
    } else {
        window.onload = initListUser;
    }
</script>
<%--JS for Filter account--%>
<%--<script type="text/javascript">
 initShowHideDivs();
</script>--%>

